<template>
 <H1>文本插值表达式的说明</H1>
 <h3>我对vue的打招呼方式：{{ msg }}</h3>
 <hr>
 <h4>包含html的数据为：{{ vhtml }}</h4>
 <h4>不含html标签的数据为：<span v-html="vhtml"></span></h4>
 <hr></hr>
  <div>文本插值表示式只能把数据展现到页面吗？能做运算吗</div>
  <div>求ab的和为多少：{{ a+b }}</div>
  <div>最复杂的元素为三元运算符：{{ a>b ? '是':'否' }}</div>

</template>

<script setup>
const msg = 'hello vue3 我用指令给你打招呼'
//比如我从后台获取的数据包含 html标签 我需要渲染怎么办呢？
const vhtml = '<h1 style="color:red">我是html标签</h1>'
const a = 10
const b=20
</script>

<style scoped>
h3{
  color: red;
  font-size: 20px;
}
</style>